import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter as Router, Route } from 'react-router-dom'
import HomePage from './HomePage'
import ListPage from './ListPage'
import DetailPage from './DetailPage'
import LoginPage from './LoginPage'

class App extends Component {
  render() {
    return (
      <Router>
        <Route exact path="/" component={LoginPage} />
        <Route path="/list" component={ListPage} />
        <Route path="/home" component={HomePage} />
        <Route path="/detail" component={DetailPage} />
      </Router>
    )
  }
}

ReactDOM.render(<App />, document.getElementById('root'))
